@media screen and (max-device-height:568px ){
    .top_banner_frame img{
        height: 235px;
        background: url("doc_headImg_default.png") no-repeat center center;
        background-size: 100%;
        background-clip: content-box;
    }
    
    .article {
        padding: 0 11px 0 11px;
    }
    
    .title_frame{
        font-size: 21px;
        padding-top: 17px;
        margin-bottom:2px;
        
    }
    
    .time_and_source_frame{
        font-size: 13px;
        padding-bottom:10px;
        padding-top:14px;
    }
    
    #upcomment{
        font-size: 13px;
    }
    
    .tip_wrapper_parent{
        margin-left: 14px;
        margin-right: 14px;
        margin-top: 16px;
        margin-bottom: 10px;
    }
    
    .tip_wrapper_frame{
        font-size: 15px;
        
        
        
    }
    
    .tip_wrapper_frame > span:first-child{
        padding-top: 8px;
    }
    

    
    .video_frame{
        margin-top:0px;
        width: 100%;
        height: 164.25px;
    }
    
    .video_top{
        top:0px;
        height:35px;
    }
    
    .video_bottom{
        top: 159.6px;
        height:35px;
    }
    
    .video_right_button{
        
        background-image: url("doc_playImage.png");
        
        position: absolute;
        width: 48px;
        height: 48px;
        background-size: 100%;
        top:50%;
        margin-top: -24px;
        left: 50%;
        margin-left: -24px;
    }
    
    .note_font_small{
        font-size: 14px;
    }
    
    .note_font_middle{
        font-size: 16px;
    }
    
    .note_font_big{
        font-size: 18px;
    }
    .note_font_biggest{
        font-size: 20px;
    }
    .note_font_huge{
        font-size: 18px;
    }
    
    .content_middle p{
        font-size: 17px;
    }
    
    .content_small p{
        font-size: 15px;
    }
    
    .content_big p{
        font-size: 19px;
    }
    
    .content_biggest p{
        font-size: 21px;
    }
    .content_huge p{
        font-size: 23px;
    }

    
    .content p{
        margin-bottom: 2px;
        
        
        
    }
    
    
    .content{
        margin-top:0px;
        
    }
    
    .img-note{
        margin-top: 0px;
        margin-bottom: 26px;
    }
    
    .img_p{
        margin-top:10px;
        margin-bottom: 2px;
        
    }
    
    .atlas{
        width: 42px;
        height: 22px;
        background-image: url("doc_AtlasLabel.png");
    }
    
    
    .earlier_left{
        width: 31px;
        height: 129px;
        background: url("doc_earlier_icon.png") no-repeat transparent;
        
    }
    
    
    
    .earlier_label{
        width: 100%;
        
        font-size: 16px;
        margin-bottom: 13px;
    }
    
    .earlier_title{
        width: 100%;
        
        font-size: 19px;
        margin-bottom: 11px;
        
    }
    
    .earlier_time{
        
        width: 100%;
        font-size: 12px;
        
        
    }
    
    
    .earlier_content p{
        font-size: 15px;
        margin-top: 16px;
        
    }
    .earlier_content small{
        font-size: 15px;
        margin-top: 16px;
    }
    
    .earlier_right{
        margin-left: 38px;
    }
    
    .editorCode{
        font-size: 13px;
        padding-bottom: 22px;
    }
    .textBottom{
        height:3px;
    }
    
    .disclaimer{
        margin-top:8px;
        margin-bottom:4px;
        font-size:13px;
    }
    
    .originalLink{
        margin-bottom:34px;
        font-size:16px;
    }
    
    .time{
        padding-top:15px;
    }
    
    .slides{
        margin-top:0px;
    }
    
    
    
}

@media screen and (device-height:667px ){
    .top_banner_frame img{
        height: 275px;
        background: url("doc_headImg_default.png") no-repeat center center;
        background-size: 100%;
        background-clip: content-box;
    }
    .article {
        padding: 0 13px 0 13px;
    }
    
    .title_frame{
        font-size: 23px;
        padding-top: 17px;
        margin-bottom:2px;
    }
    
    .time_and_source_frame{
        font-size: 13px;
        padding-bottom:0px;
        
        padding-top:4px;
    }
    
    .tip_wrapper_parent{
        margin-left: 14px;
        margin-right: 14px;
        margin-top: 16px;
        margin-bottom: 10px;
    }
    .tip_wrapper_frame{
        font-size: 16px;
    }
    
    .tip_wrapper_frame > span:first-child{
        padding-top: 8px;
    }
    

    
    .video_frame{
        margin-top:24px;
        width: 100%;
        height: 230.6px;
    }
    
    .video_top{
        top:0px;
        height:35px;
    }
    
    .video_bottom{
        top: 195.6px;
        height:35px;
    }
    
    .video_right_button{
        background: url("doc_playImage.png");
        
        position: absolute;
        width: 48px;
        height: 48px;
        background-size: 100%;
        top:50%;
        margin-top: -38px;
        left: 50%;
        margin-left: -38px;
    }
    
    .note_font_small{
        font-size: 13px;
    }
    
    .note_font_middle{
        font-size: 15px;
    }
    
    .note_font_big{
        font-size: 17px;
    }
    .note_font_biggest{
        font-size: 19px;
    }
    .note_font_huge{
        font-size: 20px;
    }

    
    .content_middle p{
        font-size: 19px;
    }
    
    .content_small p{
        font-size: 17px;
    }
    
    .content_big p{
        font-size: 21px;
    }
    
    .content_biggest p{
        font-size: 23px;
    }
    .content_huge p{
        font-size: 24px;
    }
    
    .content p{
        margin-bottom: 20px;
        
        
    }
    
    
    .img-note{
        margin-top: 0px;
        margin-bottom: 26px;
    }
    
    .img_p{
        margin-bottom: 2px;
        margin-top:0px;
        padding-top:0px;
        padding-bottom:0px;
    }
    
    .atlas{
        width: 42px;
        height: 22px;
        background-image: url("doc_AtlasLabel.png");
    }
    
    .earlier_left{
        width: 31px;
        height: 129px;
        background: url("doc_earlier_icon.png") no-repeat center top;
    }
    
    .earlier_label{
        width: 100%;
        font-size: 17px;
        margin-bottom: 13px;
        
    }
    
    .earlier_title{
        width: 100%;
        font-size: 20px;
        margin-bottom: 11px;
    }
    
    .earlier_time{
        width: 100%;
        font-size: 13px;
        
        
    }
    .earlier_right{
        margin-left: 38px;
    }
    
    
    .earlier_content p{
        font-size: 17px;
        margin-top: 16px;
        
    }
    
    .earlier_content small{
        font-size: 17px;
        margin-top: 16px;
    }
    .editorCode{
        font-size: 15px;
        padding-bottom: 22px;
    }
    .textBottom{
        height:3px;
    }
    .disclaimer{
        margin-top:8px;
        margin-bottom:4px;
        font-size:14px;
    }
    
    .originalLink{
        margin-bottom:34px;
        font-size:16px;
    }
    
    .slides{
        margin-top:24px;
    }
    
    .content{
        margin-top:0px;
        
    }
    
    
}

@media screen and (device-height:736px ){
    .top_banner_frame img{
        height: 303.6px;
        background: url("doc_headImg_default@3x.png") no-repeat center center;
        background-size: 100%;
        background-clip: content-box;
    }
    .article {
        padding: 0 14.352px 0 14.352px;
    }
    
    .title_frame{
        font-size: 25.392px;
        padding-top: 18.768px;
        margin-bottom:calc(2px*1.104);
    }
    
    .time_and_source_frame{
        font-size: calc(13px*1.104);
        padding-bottom:calc(0px*1.104);
        padding-top:calc(4px*1.104);
    }
    
    .tip_wrapper_parent{
        margin-left: calc(14px*1.104);
        margin-right: calc(14px*1.104);
        margin-top: calc(16px*1.104);
        margin-bottom: calc(10px*1.104);
    }
    
    .tip_wrapper_frame{
        font-size: calc(16px*1.104);
        
    }
    
    .tip_wrapper_frame > span:first-child{
        padding-top: calc(8px*1.104);
    }
  
    
    .video_frame{
        margin-top:calc(24px*1.104);
        width: 100%;
        height: 270.4px;
    }
    
    .content{
        margin-top:calc(0px*1.104);
        
    }
    
    .video_top{
        top:0px;
        height:35px;
    }
    
    .video_bottom{
        top: 235.4px;
        height:35px;
    }
    
    .video_right_button{
        background: url("doc_playImage@3x.png");
        
        position: absolute;
        width: 50px;
        height: 50px;
        background-size: 100%;
        top:50%;
        margin-top: -42px;
        left: 50%;
        margin-left: -42px;
    }
    
    .note_font_small{
        font-size: 13px;
    }
    
    .note_font_middle{
        font-size: 15px;
    }
    
    .note_font_big{
        font-size: 17px;
    }
    .note_font_biggest{
        font-size: 19px;
    }
    .note_font_huge{
        font-size: 20px;
    }


    
    .content_middle p{
        font-size: 21px;
    }
    
    .content_small p{
        font-size: 19px;
    }
    
    .content_big p{
        font-size: 23px;
    }
    
    .content_biggest p{
        font-size: 24px;
    }
    .content_huge p{
        font-size: 25px;
    }
    .content p{
        margin-bottom: calc(20px*1.104);
        
    }
    
    
    .img-note{
        margin-top: calc(0px*1.104);
        margin-bottom: calc(26px*1.104);
    }
    
    .img_p{
        margin-bottom: calc(2px*1.104);
    }
    
    .atlas{
        width: calc(42px*1.104);
        height: calc(22px*1.104);
        background-image: url("doc_AtlasLabel@3x.png");
    }
    
    .earlier_left{
        width: calc(31px*1.104);
        height: calc(129px*1.104);
        background: url(doc_earlier_icon@3x.png) no-repeat center top;
    }
    
    .earlier_label{
        width: 100%;
        font-size: calc(17px*1.104);
        margin-bottom: calc(13px*1.104);
        
    }
    .earlier_title{
        width: 100%;
        font-size: calc(20px*1.104);
        margin-bottom: calc(11px*1.104);
    }
    
    .earlier_time{
        width: 100%;
        font-size: calc(12px*1.104);
        
    }
    .earlier_right{
        margin-left: calc(38px*1.104);
    }
    
    
    .earlier_content p{
        margin-top: calc(16px*1.104);
        font-size: calc(17px*1.104);
        
    }
    
    .earlier_content small{
        margin-top: calc(16px*1.104);
        font-size: calc(17px*1.104);
    }
    
    .editorCode{
        font-size: 15px;
        padding-bottom: calc(22px*1.104);
    }
    .textBottom{
        height:calc(3px*1.104);
    }
    .disclaimer{
        margin-top:calc(8px*1.104);
        margin-bottom:calc(4px*1.104);
        font-size:calc(14px*1.104);
    }
    
    .originalLink{
        margin-bottom:calc(34px*1.104);
        font-size:calc(16px*1.104);
    }
    
    .slides{
        margin-top:calc(24px*1.104);
    }
    
}

div{
    font-family:".HelveticaNeueInterface-Regular";
}
p{
    font-family:".HelveticaNeueInterface-Regular";
    
}
b,strong{
    font-family:".HelveticaNeueInterface-MediumP4";
}

body,ul,li{
    margin: 0;
    padding:0;
    background-color: #f7f7f7;
    
}

a:link{text-decoration:none;}
a:active:visited{text-decoration:none;}
a::active{text-decoration:none;}

.top_banner {
    width: 100%;
    height: auto;
}

.top_banner img{
    width: 100%
}

.title{
    line-height:1.2;
    text-align: left;
    color: #55575e;
    font-weight:bold;
    font-family:".HelveticaNeueInterface-Regular";
    
}
.time_and_source{
    color: #55575e;

    font-family:".HelveticaNeueInterface-Regular";
}

.tip_wrapper{
    text-align:justify;
    line-height: 1.5;
    background: url("doc_tip1.png") repeat-x left top transparent;
    color: #6d6d6d;
    font-weight: bold;
    
}

.tip_wrapper > span:first-child{
    background: url("doc_tip2.png") no-repeat left top transparent;
    background-size: 80% 2px;
    display: inline-block;
    color: #f54343;
}

.content{
    color: #55575e;
    overflow: hidden;
    clear: both;
    position: relative
    
    
}


.video_mark{
    position: absolute;
    top: 0px;
    display: block;
    z-index: 2;
    overflow: hidden;
    background: rgba(0,0,0,0.2);
    
    height: 100%;
    width: 100%;
}

.video_parent{
    position: relative;
}

.videoSection{
    
    position: relative;
    overflow: hidden;
    text-indent: 0px;
    background-repeat: no-repeat;
    background-position: center center;
    background-clip: content-box;
    background: url("doc_video_bg.png") no-repeat center center;
    background-size: 100%;
    display: block;
    margin-bottom: 0px;
  
    
    
    
}

.videoSection img{
    padding:0; border:0;margin:0;
}


.videoSection_noimg{
    
    position: relative;
    overflow: hidden;
    text-indent: 0px;
    background-repeat: no-repeat;
    background-position: center center;
    background-clip: content-box;
    background: url("doc_video_bg_noimage.png") no-repeat center center;
    background-size: 100%;
    display: block;
    margin-bottom: 26px;
    
    
    
}
.video > img{
    padding:0; border:0;margin:0;
    width: 100%;
    height: 100%;
}


.video_top{
    position:absolute;
    z-index:1;
    width:100%;
    background:rgba(0,0,0,0.96);
    display: block;
}

.video_bottom{
    position:absolute;
    z-index:1;
    width:100%;
    background:rgba(0,0,0,0.96);
    display: block;
}

p>small{
    width: 100%;
    display: block;
    text-align: justify;
    line-height: 1.3;
    color: #727272;
    
    
}

.comm_img{
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

.content img{
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

.content p{
    color:#55575e;
    text-align: justify;
    display: block;
    line-height:1.93;
}

.slides{
    position: relative;
    overflow: hidden;
    text-indent: 0px;
    background-repeat: no-repeat;
    background-position: center center;
    background-clip: content-box;
    background: url("doc_imagebg.png") no-repeat center center;
    background-size: 100%;
    display: block;
    margin-bottom: 0px;
    background-color:#e3e3e3;

    
}

.slides_noImg{
    position: relative;
    overflow: hidden;
    text-indent: 0px;
    background-repeat: no-repeat;
    background-position: center center;
    background-clip: content-box;
    background: url("doc_imagebg_noimage.png") no-repeat center center;
    background-size: 100%;
    display: block;
    margin-bottom: 26px;
    background-color:#e3e3e3;
    
    
}



.atlas{
    background-repeat: no-repeat;
    background-position: center center;
    background-clip: content-box;
    background-size: 100%;
    
}

.earlierWrapper{
    width: 100%;
    height: auto;
    padding-top: 0px;
    margin-top: 0px;
}

.earlier_left{
    
    float: left;
    background-size: 100%;
    line-height: 129px;
}

.earlier_right{
    
    margin-top: 1px;
    
}

.earlier_label{
    font-weight: bold;
    color: #333333;
}

.earlier_title{
    font-weight: bold;
    line-height:1.2;
    color: #333333;
    font-family:"HelveticaNeue-Thin";
}

.earlier_time{
    color: #909090;
    position: relative;
}

.earlier_content{
    width: 100%;
    color: #333333;
    
}

.earlier_content p{
    line-height: 1.4;
    padding: 0 0 0 0;
    
}

.earlier_content small{
    line-height: 1.3;
    padding: 0 0 0 0;
    color: #333333;
}

.editorCode{
    text-align: right;
    
    color: #909090;
    
}

.lazy_img_noimg{
    background-clip: content-box;
    background: url("doc_imagebg_noimage.png") no-repeat center center;
    background-size: 100%;
    background-color:#e3e3e3;
}

.lazy_img{
    background-clip: content-box;
    background: url("doc_imagebg.png") no-repeat center center;
    background-size: 100%;
    background-color:#e3e3e3;
    
    
}

.disclaimer{
    color:#909090;
    width:100%;
    text-align:center;
    text-decoration:none;
}
.originalLink{
    color:#004276;
    text-align:center;
}

#docContent{
    
}

.img_p img{
    padding:0;
    margin:0;
}












